WPFビューワ

すべて展開

すべて折りたたむ

ActiveReports WPFビューワは、セクションレポート、ページレポート、RDLレポートのすべてのレイアウトを簡単に表示できるカスタムコントロールです。

このチュートリアルは以下の項目に分かれています。

Visual StudioでWPFアプリケーションを作成する
WPFビューワコントロールを追加する
WPFビューワにレポートをロードする
レポートを表示する
WPFビューワをカスタマイズする

チュートリアルを完了すると、次のようなレポートが作成されます。

Visual StudioでWPFアプリケーションを作成する

WPFビューワコントロールを追加する

プロパティ名	プロパティの値
HorizontalAlignment	Stretch
VerticalAlignment	Stretch
Margin	0

WPFビューワにレポートをロードする

［ソリューションエクスプローラー］で、作成したrptSingleLayoutレポートを選択します。
［プロパティ］ウィンドウで、［出力ディレクトリにコピー］を［常にコピーする］に設定します。
MainWindow.xamlで、ビューワを選択した状態で［プロパティ］ウィンドウに移動し、Loadedイベントをダブルクリックします。

MainWindowのコードビューが表示されたら、以下に示すレポートをビューワにバインドするコードをviewer1_loadedイベントに追加します。これはページレポート／RDLレポートをロードするコードですが、セクションレポートにも使用できます。

Visual Basicコード（MainWindow.xaml.vbのviewer1_Loadedイベント内に貼り付けます）	コードのコピー
Viewer1.LoadDocument("rptSingleLayout.rdlx")

C#コード（MainWindow.xaml.csのviewer1_Loadedイベント内に貼り付けます）	コードのコピー
viewer1.LoadDocument("rptSingleLayout.rdlx");

メモ: レポートをWPFビューワにバインドする他の方法の例については、クラスライブラリの「LoadDocumentメソッド」を参照してください。

メモ: 実行時にトライアル版のバナーが表示されないようにするには、作成したActiveReports WPFアプリケーションプロジェクトにライセンスを付与します。ライセンス付与に関する情報については、「アプリケーションのライセンスの組み込み」を参照してください。

レポートを表示する

WPFビューワをカスタマイズする

ActiveReports WPFビューワはカスタマイズ可能なコントロールです。デフォルトのWPFビューワテンプレート（DefaultWPFiewerTemplates.xaml）のプロパティを変更することにより、WPFビューワとその要素（エラーパネル、検索パネル、サイドバー、ツールバーなど）の外観を簡単に変更できます。

WPFプロジェクトにカスタマイズテンプレートを追加するには

MainWindow.xamlのXAMLビューの、<Grid>の開始タグの前に貼り付けます。	コードのコピー
<Window.Resources> <ResourceDictionary Source="DefaultWPFViewerTemplates.xaml" /> </Window.Resources>

WPFビューワのサイドバーをカスタマイズするには

WPFビューワのツールバーにカスタムボタンを追加するには

［ソリューションエクスプローラー］で、プロジェクト名ノードを選択します。
Visual Studioの［プロジェクト］メニューで、［新しい項目の追加］をクリックします。
［新しい項目の追加］ダイアログが表示されたら、［クラス］を選択して名前をMyCommandに変更し、［追加］をクリックします。

MyCommand.cs/MyCommand.vbが開いたら、以下のコードを追加してコマンドを実装します。

Visual Basic

［ソリューションエクスプローラー］で、DefaultWpfViewerTemplates.xamlをダブルクリックします。

Visual Basicコード（MyCommand.vbに追加します）	コードのコピー
Implements ICommand Public Function CanExecute(ByVal parameter As Object) As Boolean Implements System.Windows.Input.ICommand.CanExecute Return True End Function Public Event CanExecuteChanged(ByVal sender As Object, ByVal e As System.EventArgs) Implements System.Windows.Input.ICommand.CanExecuteChanged Public Sub Execute(ByVal parameter As Object) Implements System.Windows.Input.ICommand.Execute MessageBox.Show("GrapeCity is the world's largest component vendor.", "About Us", MessageBoxButton.OK) End Sub

C#コード（using System.Text;の後に追加します）	コードのコピー
using System.Windows.Input; using System.Windows;

C#コード（MyCommand.csに追加します）	コードのコピー
public class MyCommand : ICommand { public bool CanExecute(object parameter) { return true; } public void Execute(object parameter) { MessageBox.Show("GrapeCity is the world's largest component vendor.", "About Us", MessageBoxButton.OK); } public event EventHandler CanExecuteChanged; }

ファイルが開いたら、以下の3行のコードを冒頭に追加します。

XMLコード（DefaultWpfViewerTemplates.xamlに追加します）	コードのコピー
<ResourceDictionary ... xmlns:YourProjectName="clr-namespace:YourProjectName"> <YourProjectName:MyCommand x:Key="MyCommand" /> ... </ResourceDictionary>

同じファイルに以下のコードを追加して、ボタンを追加します。

XMLコード（DefaultWpfViewerTemplates.xamlの、<ToolBar>の終了タグの前に追加します）	コードのコピー
<Button Command="{StaticResource MyCommand}" Content="About Us" />

［F5］を押して、新たに［製品について］カスタムボタンがビューワのツールバーに表示されることを確認します。

WPFビューワのツールバーから［更新］ボタンを削除する